<template>
	<view class="warp">
		<image class="logo" src="../../static/U/logo.png" mode="widthFix"></image>
		<view class="title">
			<image src="../../static/U/标题.png" mode="widthFix"></image>
		</view>
		<image class="subtitle" src="../../static/U/天翼云U盘铂金会员产品Ⅰ.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/产品Ⅰ-优惠.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/产品Ⅰ-业务说明.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/天翼云盘铂金会员权益.png" mode="widthFix"></image>
		<image class="subtitle" src="../../static/U/产品Ⅰ-8T空间.png" mode="widthFix"></image>
		<view class="editView">
			<image class="subtitle" src="../../static/U/云U盘月卡权益及使用方式.png" mode="widthFix"></image>
			<view class="text">
				STEP1:在Windows系统PC端下载天翼云盘客户端
				<text style="color: #0291fe;font-weight:bold" @click="jumpUrl">cloud.189.cn</text><br/>
				STEP2:在天翼云盘客户端首页右上角设置菜单中选择“本地盘符”设置功能<br/>
				STEP3:设置盘符名称及挂载位置和方式<br/>
				STEP4:挂载完成后在我的电脑中可查看新盘符，盘符容量大小以云盘个人空间剩余大小为准	
			</view>
		</view>
		
		<image class="subtitle" src="../../static/U/天翼云U盘铂金会员产品Ⅱ.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/产品Ⅱ-优惠.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/产品Ⅱ-业务说明.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/天翼云盘铂金会员权益.png" mode="widthFix"></image>
		<image class="subtitle" src="../../static/U/产品Ⅱ-8T空间.png" mode="widthFix"></image>
		<view class="editView">
			<image class="subtitle" src="../../static/U/云U盘月卡权益及使用方式.png" mode="widthFix"></image>
			<view class="text">
				STEP1:在Windows系统PC端下载天翼云盘客户端
				<text style="color: #0291fe;font-weight:bold" @click="jumpUrl">cloud.189.cn</text><br/>
				STEP2:在天翼云盘客户端首页右上角设置菜单中选择“本地盘符”设置功能<br/>
				STEP3:设置盘符名称及挂载位置和方式<br/>
				STEP4:挂载完成后在我的电脑中可查看新盘符，盘符容量大小以云盘个人空间剩余大小为准	
			</view>
		</view>
		
		
		<image class="subtitle" src="../../static/U/云盘AI文生图.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/AI文生图-优惠.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/AI文生图-业务说明.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/天翼云盘黄金会员权益.png" mode="widthFix"></image>
		<image class="subtitle" src="../../static/U/AI文生图-4T空间.png" mode="widthFix"></image>
		<view class="editView2">
			<image class="subtitle" src="../../static/U/AI文生图会员权益及使用方式.png" mode="widthFix"></image>
			<view class="text">			
				STEP1:在手机端下载天翼云盘客户端 <text style="color: #0291fe;font-weight:bold" @click="jumpUrl">cloud.189.cn</text><br/>
				STEP2:点击我的服务--更多选项<br/>
				STEP3:点击AI工具--AI绘画使用<br/>
			</view>
		</view>
		
		
		
		<image class="introduce" src="../../static/U/100GB个人空间包.png" mode="widthFix"></image>
		<view class="editView">
			<image class="subtitle" src="../../static/U/云U盘月卡权益及使用方式.png" mode="widthFix"></image>
			<view class="text">
				STEP1:在Windows系统PC端下载天翼云盘客户端
				<text style="color: #0291fe;font-weight:bold" @click="jumpUrl">cloud.189.cn</text><br/>
				STEP2:在天翼云盘客户端首页右上角设置菜单中选择“本地盘符”设置功能<br/>
				STEP3:设置盘符名称及挂载位置和方式<br/>
				STEP4:挂载完成后在我的电脑中可查看新盘符，盘符容量大小以云盘个人空间剩余大小为准	
			</view>
		</view>
		
		<image class="subtitle" src="../../static/U/如何查看-标题.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/如何查看-内容.png" mode="widthFix"></image>
		<image class="subtitle" src="../../static/U/如何退订-标题.png" mode="widthFix"></image>
		<image class="introduce" src="../../static/U/如何退订-内容.png" mode="widthFix"></image>

	</view>

</template>

<script>
	export default {
		data() {
			return {
				mobile: '', //用户手机号
				code: '', //短信验证码
				timer: '',
				verificationTime: '',
				checkbox1: [0],
				hobby: [{
					text: '',
					value: 0
				}],
				dinggouShow: false,
				isShow: false,
				hadknow: false
			}
		},
		onLoad() {

		},
		methods: {
			
			jumpUrl() {
				window.location.href = 'http://cloud.189.cn'
			}

		}
	}
</script>

<style lang="less">
	.warp {
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
		min-height: 540px;
		height: 100%;
		// background: #0311s6a;
		background: url("../../static/U/bg.png")no-repeat;
		background-size: 100% auto;
		box-sizing: border-box;
		padding: 10px 15px 20px 15px;
		display: flex;
		flex-direction: column;
		// flex-wrap: nowrap;
		 align-items: center;

		.logo {
			width: 50%;
			position: absolute;
			top:10px;
			left:10px;
		}

		image {}

		.title {
			width: 75%;
			display: flex;
			justify-content: center;
			margin:20px 0;

		}
		.subtitle{
			width: 75%;
			margin-top:15px;
		}
		.introduce{
			width: 100%;
			margin-top:15px;
		}
		.editView{
			width: 100%;
			position: relative;
			image{
				width: 100%;
			}
			.text{
				width:100%;
				height:40vw;
				// border:1px solid red;
				padding:0 10px;
				box-sizing: border-box;
				font-size: 24rpx;
				position: absolute;
				top:45vw;
				left: 5px;
			}
		}
		.editView2{
			width: 100%;
			position: relative;
			image{
				width: 100%;
			}
			.text{
				width:100%;
				height:22vw;
				// border:1px solid red;
				padding:0 10px;
				box-sizing: border-box;
				font-size: 24rpx;
				position: absolute;
				top:65vw;
				left: 5px;
			}
		}



	}
</style>